.property-fee {
    //费用查询
    &.query {
        background: #efeff4;
        .menu-btn {
            .flex {
                border-top: 1px solid rgba(230, 230, 230, .5);
            }
            .item {
                padding: .2rem;
                height: 1rem;
                background: rgb(250, 250, 250);
                border-bottom: 1px solid rgba(230, 230, 230, .5);
                &:nth-child(odd) {
                    border-right: 1px solid rgba(230, 230, 230, .5);
                }
            }
        }
        p, span, div {
            font-size: .15rem;
            font-weight: 400;
            color: #999
        }
        .split-line {
            width: 100%;
            height: .1rem;
            background: #efeff4;
        }

        .houseNum {
            margin: 0;
            padding: .15rem .15rem .15rem .25rem;
            border-top: 1px solid rgba(230, 230, 230, .5);
            border-bottom: 1px solid rgba(230, 230, 230, .5);
            background: #fff;
            color: #3b3b3b;
        }
        .grey-color {
            color: #3b3b3b;
            p, span {
                color: #3b3b3b;
            }
        }
        .cash-type {
            height: .3rem;
            line-height: .3rem;
            font-size: .15rem;
        }

        .cash {
            font-size: .17rem;
        }

        .decoration {
            position: absolute;
            top: -.38rem;
            left: .02rem;
            padding-top: .33rem;
            padding-left: .08rem;
            transform: rotate(-17deg);
            width: 1rem;
            text-align: left;
            font-size: .1rem;
            font-weight: 400;
            line-height: .2rem;
            color: #fff;
            &.bgBlue {
                background: #00bcd4;
                color: #fff;
            }
            &.bgGray {
                background: #efeff4;
                color: #fff;
            }
        }
        .textColor {
            color: #00bcd4;
            p, span {
                color: #00bcd4;
            }
        }

        .history-record {
            display: none;
        }

        .panel {
            position: relative;
            overflow: hidden;
            margin-top: .1rem;
            border-top: 1px solid rgba(230, 230, 230, .5);
            border-bottom: 1px solid rgba(230, 230, 230, .5);
            height: 1.2rem;
            background: #fff;
            .flex-item {
                &:first-child {
                    margin-right: .2rem;
                    height: .8rem;
                    line-height: .8rem;
                    border-right: 1px solid rgba(230, 230, 230, .5);
                }
            }

        }
        .slant-line {
            display: inline-block;
            position: absolute;
            left: .3rem;
            top: .6rem;
            width: .51rem;
            height: 1px;
            transform: rotate(-45deg);
            background: rgba(230, 230, 230, .5);
        }
        .month-position {
            position: absolute;
            left: .35rem;
            top: .15rem;
        }
        .year-position {
            position: absolute;
            left: .6rem;
            top: .3rem;
        }

        .flex {
            background: #fff;
        }
        .history-title {
            height: .5rem;
        }
        .mui-table-view-cell {
            &::after {
                background-color: rgba(230, 230, 230, .5);
            }
            &:last-child {
                &::after {
                    position: absolute;
                    right: 0;
                    bottom: 0;
                    left: 0;
                    height: 1px;
                    content: '';
                    -webkit-transform: scaleY(0.5);
                    transform: scaleY(0.5);
                    background-color: rgba(230, 230, 230, .5);
                }
            }
        }

    }
}